<template>
  <div class="three-canvas" ref="targetRef"></div>
</template>

<script setup lang="ts">
import * as THREE from "three";
import { TEngine } from "./assets/ts/TEngine";
import { onMounted, ref } from "vue";

const targetRef = ref<HTMLElement>();

onMounted(() => {
  const TE = new TEngine(targetRef.value);
});
</script>
<style scoped>
.three-canvas{
    width: 100%;
    height: 100%;
}
</style>
